<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>撩课学院-IT人的自我成长社区</title>
    <!-- 引入Bootstrap核心样式文件（必须） -->
    <link rel="stylesheet" href="../college/lib/bootstrap/css/bootstrap.css">
</head>
<body>

<div>

    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation"  class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
        <li role="presentation" ><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
        <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
        <li role="presentation"><a href="#s1" aria-controls="settings" role="tab" data-toggle="tab">哈哈哈</a></li>
        <li role="presentation"><a href="#s2" aria-controls="settings" role="tab" data-toggle="tab">呵呵呵</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane fade in active" id="home">
            <img src="img/s1.jpg" alt="">
        </div>
        <div role="tabpanel" class="tab-pane  fade" id="profile">
            <h1>好借好还或或</h1>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="messages">
            <p>今天的天气很好!</p>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="settings">
            <img src="img/s2.jpg" alt="">
        </div>
        <div role="tabpanel" class="tab-pane" id="s1">
            <h1>好借好还或或</h1>
        </div>
        <div role="tabpanel" class="tab-pane" id="s2">
            <p>今天的天气很好!</p>
        </div>
    </div>

</div>


<script src="../college/lib/jquery/jquery.js"></script>
<!-- 引入所有的Bootstrap的JS插件 -->
<script src="../college/lib/bootstrap/js/bootstrap.js"></script>
</body>
</html>